// 点击登录按钮→收集用户输入的数据，发送到服务器→成功弹窗+跳转首页+缓存用户数据(用户名和token)
// token：服务器返回的标识→标注当前用户名是否登录了
document.querySelector('#btn-login').addEventListener('click',async function(){
    const data = serialize(document.querySelector('.login-form'),{hash:true,empty:true})
    // console.log(data)

try {
    
    const res = await axios.post('/login',data)
    console.log(res)
    showToast(res.message)
    

    // 本地保存用户名
    localStorage.setItem('username',res.data.username)
    localStorage.setItem('token',res.data.token)

    // 设置定时器，过1.5秒再跳转页面，让登陆成功的弹窗有足够的时间显示出来
    setTimeout(() => {
        location.href = './index.html'
    },1500)
} catch (error) {
    console.dir(error)
    showToast(error.response.data.message)
} 
})